<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue-v2.5.17.js"></script>

</head>
<body>
    <!--创建了一块空间，包含vue元素-->
    <div id="app">
        <ul>
            <li v-for="a in arr">{{a}}</li>
        </ul>
        <ul>
            <li v-for="(a,index) in arr">{{a}} :: {{index}}</li>
        </ul>
        <ul>
            <li v-for="(v,k) in student">{{k}} :: {{v}}</li>
        </ul>
        <table>
            <tr>
                <th>id</th>
                <th>用户名</th>
                <th>密码</th>
            </tr>
            <tr v-for=" stu in students">
               <td v-for="(v,k) in stu">{{v}}</td>
            </tr>
        </table>
    </div>
</body>
<script>
    new Vue({
        el: "#app",   //指定vue管理的元素
        //定义数据(model)
        data: {
            arr: ['one','two','three','four','five'],
            student:{
                id: 1,
                username: "zhangsan",
                password: "123456"
            },
            students: [
                {
                    id: 1,
                    username: "zhangsan",
                    password: "123456"
                },
                {
                    id: 2,
                    username: "lisi",
                    password: "123456"
                },
                {
                    id: 3,
                    username: "wangwu",
                    password: "123456"
                },

            ]
        },
        //定义方法
        methods:{

        }
    });
</script>
</html>